/* 弹性居中 */
@mixin flex-box($jc:center,$ai:center) {
  display: flex;
  justify-content: $jc;
  align-items: $ai;
}

/* 多行文本超出 */
@mixin ellipseClamp($clamp: 1) {
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $clamp; //需要显示的行数
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 长文本换行 */
@mixin f-long-wrap {
  white-space: pre-line;
  word-wrap: break-word;
}

/* 清除浮动 */
@mixin clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
} 

@mixin scrollBar {
  &::-webkit-scrollbar-track-piece {
    background: #d3dce6;
  }

  &::-webkit-scrollbar {
    width: 6px;
  }

  &::-webkit-scrollbar-thumb {
    background: #99a9bf;
    border-radius: 20px;
  }
}
